<template>
  <view class="search-bar-container">
    	<view class="search-bar" @click="toSearchPage">
    		<icon type="search" :size="16" color="#ee8131"></icon>
    		<text class="message">共有1000道菜</text>
    	</view>
  </view>
</template>

<script setup>
// This block is left empty as requested, since functionality is not needed.
</script>

<style lang="scss">
	.search-bar{
		width: 686rpx;
		height: 74rpx;
		background-color: #fff;
		border-radius: 50rpx;
		box-shadow: 0 0 10rpx #eee;
		display: flex;
		align-items: center;
		justify-content: center;
		margin: -37rpx auto 24rpx;
		.message{
			font-size: 26rpx;
			color: #b3b3b3;
			margin-left: 10rpx;
		}
	}
</style>